<template>
    <div class="bgfff pl15 pt15 pr15 pb15 card2">
        <div class="posre h214 overhidden">
            <img :src="card_msg.picchecked || card2_logo" alt=""
                 mode="aspectFill"
                 :class="card_msg.picchecked ? 'posab left0 top0 card2_user h100p w225' : 'posab left0 top0 card2_user h100p w100p' "
            />

            <img src="https://you-one-stand.oss-cn-shanghai.aliyuncs.com/yimai_photos/user/card2_bg.png" alt="" class="posab right0 top0 card_bg" />

            <div class="card2_inner">
                <p class="fs18 cfff fbold pb3">{{card_msg.username || '姓名'}}</p>
                <p class="fs10 cfff pb28">{{card_msg.post || '职位'}}</p>

                <div class="pl33 ca8">
                    <p class="fs12 pb6">{{card_msg.tel || '电话'}}</p>
                    <p class="fs12">{{card_msg.email || '邮箱'}}</p>
                </div>

            </div>


            <div class="align-cen fs10 ce8 card_company disflex">
                <span class="pr14">{{card_msg.company || '企业名称'}}</span>
                <div class="card_line_2"></div>
            </div>


        </div>
    </div>
</template>

<script>
  import StaticResources from '@/components/StaticResources';
    export default {
        name: "card_3",
      components: {StaticResources},
        props:['card_msg'],
        data(){
            return{
                card2_logo : 'https://you-one-stand.oss-cn-shanghai.aliyuncs.com/yimai_photos/user/card2_user.png',
            }
        }
    }
</script>

<style>
    .card2 .card_bg {
        width: 452px;
        height: 100%;
    }
    .card2 .card2_inner {
      position: absolute;
      left: 47%;
      top: 108rpx;
    }

    .card_line_2 {
        position: relative;
    }

    .card_line_2::before,.card_line_2::after {
        position: absolute;
        width: 6upx;
        height: 16upx;
        background: #fff;
        top: 0;
        bottom: 0;
        margin: auto;
        content: '';
    }

    .card_line_2::before {
        right: 0;
    }

    .card_line_2::after {
        right: 10upx;
    }

    .card_company {
        position: absolute;
        right: 34upx;
        bottom: 30upx;
    }
</style>
